<template>
  <div>
    <!--
       父组件给子组件预留的slot传递内容
     -->
     <zi-com>
       <template #head>
         <div>
               <h2>头部</h2>
         </div>
       </template>
       <template #foot>
         <div>
               <h2>脚步</h2>
         </div>
       </template>
     </zi-com>
     <!-- 父组件调用子组件 传递插槽内容
      获取子组件插槽传来的数据
      -->
     <son-com>
       <template slot-scope="scoped">
         <div>
           <h1>我是内容 {{scoped.obj}}</h1>
         </div>
       </template>
     </son-com>
  </div>
</template>
<script>
import ziCom from './Zi.vue'
import SonCom from './Son.vue'
export default {
  components:{ziCom,SonCom}
}
</script>
<style lang="less">
  
</style>